@charset "utf-8";
/*！
 * lib CSS 网页模版库 v1.0 基于bootstrap或ZUI
 * Copyright 2016-2017,XIAOBING TECH 
 * Author:MR. WANGHAO
 */
/*@import "../fonts/iconfont.css";
@import "../js/swiper-2x/idangerous.swiper.css";*/
body{
  color: #666;
  font-size:.325rem;
  font-size: 13px\9;
}
/*基础*/

/*定义全局超连接连*/
/*a:link,a:visited{color: #666}
a:hover,a:active{color: #999;text-decoration: none}*/
a:focus{outline: 0;}
dl{margin-bottom:.5rem;}
p {
    margin: 0 0 .25rem;
}
/*容器*/
.layout{}
.wrapper{width: 100%}
.page-container,.centerblock{display: block ;margin-left:auto;margin-right: auto}
.main{}
.main-left{float: left;*display: inline}
.main-right{float: right;*display: inline}
.w-720{width: 720px!important;max-width: none;}
.w-960{width: 960px!important;max-width: none;}
.w-970{width: 970px!important;max-width: none;}
.w-980{width: 980px!important;max-width: none;}
.w-990{width: 990px!important;max-width: none;}
.w-1000{width:1000px!important;max-width: none;}
.w-1002{width: 1002px!important;max-width: none;}
.w-1003{width:1003px!important;max-width: none;}
.w-1100{width:1100px!important;max-width: none;}
.w-1070{width:1070px!important;max-width: none;}
.w-1190{width:1190px!important;max-width: none}
.w-1200{width: 1200px!important;max-width: none;}
.w-1300{width: 1300px!important;max-width: none;}

.w-min-1200{min-width: 1200px;}
.w-min-1300{min-width: 1300px;}
.w-max-1300{max-width: 1300px;}
.w-max-1560{max-width: 1560px;}
.w-max-1780{max-width: 1780px;}

.w-p100{width:100%!important;max-width: none;}
.p-n{padding-left:0!important;padding-right:0!important;}
@media (max-width: 1000px){}

/*自动增长*/
.autoheight{overflow:hidden;height:auto;zoom:1;}
/*******浮动*******/
.fl{ float: left;*display: inline;}.fr {float: right;*display: inline;}
/*文本对齐*/
.text-left{text-align: left}.text-center{text-align: center}.text-right{text-align: right}.text-uppercase{text-transform: uppercase}
/*透明度*/
.opacity{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.opacity0{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
.opacity10{filter:alpha(opacity=10);-moz-opacity:.1;-khtml-opacity:.1;opacity:.1}
.opacity80{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}

/*背景透明文字不透明*/
.box-opacity{
  background: rgba(0, 0, 0, 0.6) !important;
  filter: alpha(opacity=60);
  background-color: #000000;
}
.box-opacity p {
  /*ie下文字不透明*/
  position: relative;
}
.box-opacity-white {
  background: rgba(22, 160, 33, 0.6) !important;
  filter: alpha(opacity=60);
  background-color: rgba(22, 160, 33, 0.6);
}

/*文字溢出省略号*/
.text-ellipsis {
  white-space:nowrap;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis
}
/*清除inline-block元素空白间距*/
.clear-i-b {
  font-size: 0;
}
.clear-i-b li {
/* 设置具体的字体大小 */
}
/*******display块*******/
.d-n {display: none;}.d-b {display: block;}.d-i {display: inline;}
.d-i-b {display: inline-block;*display: inline;*zoom: 1;}
.d-t-c {display: table-cell;}

/*边框border*/
.br0{border-radius: 0;}
/*背景色*/
.bg-ffffff {background-color:#ffffff}
.bg-f1f1f1 {background-color:#f1f1f1}.bg-f2f2f2 {background-color:#f2f2f2}
.bg-f3f3f3 {background-color:#f3f3f3}.bg-f4f4f4 {background-color:#f4f4f4}
.bg-f5f5f5 {background-color:#f5f5f5}.bg-f6f6f6 {background-color:#f6f6f6}
.bg-f7f7f7 {background-color:#f7f7f7}.bg-f8f8f8 {background-color:#f8f8f8}
.bg-f9f9f9 {background-color:#f9f9f9}.bg-fafafa {background-color:#fafafa}
.bg-fbfbfb {background-color:#fbfbfb}.bg-fcfcfc {background-color:#fcfcfc}

/*******文本*******/
.ff-arial{font-family: "Arial";}
/*font-size*/
.fs-0{font-size:0}.fs-12{font-size:.3rem}.fs-13{font-size:.325rem}
.fs-14{font-size:.35rem}.fs-15{font-size:.375rem}.fs-16{font-size:.4rem}
.fs-17{font-size:.425rem}.fs-18{font-size:.45rem}.fs-19{font-size:.475rem}
.fs-20{font-size:.5rem}.fs-21{font-size:.525rem}.fs-22{font-size:.55rem}
.fs-23{font-size:.575rem}.fs-24{font-size:.6rem}.fs-25{font-size:.625rem}
.fs-26{font-size:.65rem}.fs-27{font-size:.675rem}.fs-28{font-size:.7rem}
.fs-29{font-size:.725rem}.fs-30{font-size:.75rem}.fs-32{font-size:.8rem}
.fs-34{font-size:34px;}
.fs-35{font-size:.875rem}.fs-36{font-size:.9rem}.fs-38{font-size:.95rem}.fs-40{font-size:1rem}
.fs-45{font-size:1.125rem}.fs-46{font-size:1.15rem}.fs-48{font-size:1.2rem}
.fs-50{font-size:1.25rem}.fs-60{font-size:1.5rem}.fs-72{font-size:1.8rem;}
/**/
.bold{font-weight:700}.italic{font-style:italic;}
/*color*/
.c-111{color:#111}.c-222{color:#222}.c-333{color:#333}.c-444{color:#444}.c-555{color:#555}.c-666{color:#666}
.c-777{color:#777}.c-888{color:#888}.c-999{color:#999}.c-000{color:#000}.c-aaa{color:#aaa}.c-bbb{color:#bbb}
.c-ccc{color:#ccc}.c-ddd{color:#ddd}.c-eee{color:#eee}.c-fff{color:#fff}

/*外边距*/

/*外左边距*/
.m-l-5{margin-left:5px}.m-l-10{margin-left:10px}.m-l-20{margin-left:20px}.m-l-30{margin-left:30px}.m-l-40{margin-left:40px}
/*外上边距*/
.m-t-5{margin-top:5px}.m-t-10{margin-top:10px}.m-t-15{margin-top:15px}.m-t-12{margin-top:12px}
.m-t-20{margin-top:.5rem}.m-t-25{margin-top:.625rem;}.m-t-30{margin-top:0.75rem;}.m-t-40{margin-top:1rem}
.m-t-50{margin-top:1.35rem;}.m-t-60{margin-top:1.5rem;}.m-t-80{margin-top:2rem;}.m-t-100{margin-top: 2.5rem;}
/*外右边距*/
.m-r-5{margin-right:5px}.m-r-10{margin-right:10px}.m-r-20{margin-right:20px}
/*外下边距*/
.m-b-5{margin-bottom:5px}.m-b-10{margin-bottom:10px}.m-b-15{margin-bottom:15px}.m-b-20{margin-bottom:20px}
.m-b-25{margin-bottom:.625rem;}
.m-b-30{margin-bottom:30px}.m-b-40{margin-bottom:40px}.m-b-50{margin-bottom:50px}.m-b-80{margin-bottom:80px}

/*内边距*/
.p-t-5{padding-top:5px}.p-t-10{padding-top:10px}.p-t-12{padding-top:12px;}
.p-t-15{padding-top:.375rem}.p-t-20{padding-top:.5rem;}.p-t-30{padding-top:.75rem;}
.p-t-40{padding-top:1rem;}.p-t-50{padding-top:1.25rem;}.p-t-60{padding-top:1.5rem;}
.p-t-70{padding-top:1.75rem;}.p-t-80{padding-top:2rem;}.p-t-85{padding-top:2.125rem;}
.p-t-90{padding-top:2.25rem;}
.p-t-100{padding-top:2.5rem;}

.p-l-5{padding-left:5px;}.p-l-10{padding-left:10px ;}.p-l-20{padding-left:20px ;}
.p-l-30{padding-left:30px;}.p-l-50{padding-left:50px ;}

.p-r-5{padding-right:5px;}.p-r-10{padding-right:10px;}.p-r-20{padding-right:20px;}.p-r-30{padding-right:30px;}
.p-r-50{padding-right:50px ;}
.p-b-5{padding-bottom:5px;}
.p-b-10{padding-bottom:10px;}.p-b-12{padding-bottom:12px;}.p-b-15{padding-bottom:15px;}
.p-b-20{padding-bottom:.5rem;}.p-b-25{padding-bottom:25px;}.p-b-30{padding-bottom:30px;}
.p-b-40{padding-bottom:40px;}.p-b-50{padding-bottom:1.25rem;}.p-b-60{padding-bottom:1.5rem;}
.p-b-70{padding-bottom:1.75rem;}.p-b-80{padding-bottom:2rem;}.p-b-85{padding-bottom:85px;}
.p-b-90{padding-bottom:2.25rem;}
.p-b-100{padding-bottom:2.5rem;}

/*定位*/
.ps{position:static}.pr{position:relative}.pa{position:absolute}.pf{position:fixed}
/*定位*/
.sta{position:static}.rel{position:relative}.abs{position:absolute}.fix{position:fixed}
/*全局链接*/
a:link,a:active{}
a:hover,a:visited{}

/*水平线*/
hr.dotted{border-top:1px dotted #ddd;background: none}
/*图片适应*/
.img-adapt{max-width: 100%;width: auto\9;height: auto;}
/*animate css lib*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 100
}
/*动画过度*/
.transition {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.transition-300 {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.transition-500 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.transition-800 {
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.transition-1000 {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
/*文字阴影*/
.text-shadow {text-shadow:1px 1px 1px rgba(0,0,0,.6);}
/*盒阴影*/
.box-shadow-inset {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.box-shadow-out {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/*阿里图标*/
@font-face {
  font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1466668288'); /
  src: url('../fonts/iconfont.eot?t=1466668288#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?t=1466668288') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf?t=1466668288') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1466668288#iconfont') format('svg');
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/***组件开始components start***/
/*logo*/
.nav-brand{width: 297px; height: 76px;background-image: url(../images/logo.png);background-position: left center;background-repeat:no-repeat; }
.logo{margin:0; display: block; width:inherit; height: inherit;}
/*header页头*/
.header{
  display: table; 
  width: 100%; 
  height: auto;
  left: 0;
  z-index: 9999;
}
.nav-main ul,
.nav-main li, 
.nav-main dl,
.nav-main dt,
.nav-main dd{padding: 0;margin:0;list-style: none }

/*页尾*/

/*模块section*/
.xb-module{display: block;}
.module-heading{position: relative;}
.module-body{position: relative;}

/*定义内页框架*/
.main{}
.main-left{width: 250px;}
.main-right{width: 912px;}


/*网站当前位置*/
.site-breadcrumb{}
.site-breadcrumb .text{font-size: 12px;padding: 2px 6px 2px 0;}
.site-breadcrumb .text i{color: #999}
/*面包屑*/
.xb-breadcrumb{margin-bottom: 0;padding: 0;}
.xb-breadcrumb> li::before{font-family: "simsun"}
.xb-breadcrumb> li + li:before{padding: 0 3px; color: #ccc; content: ">";}
.breadcrumb>.active{color: #333;}

/*内页横幅*/
.sub-banner{display: table; width: 100%;position: relative;background-repeat: no-repeat;background-position: center top;background-size: cover;}
.sub-banner .banner-title{margin-top:129px; text-transform: uppercase; text-shadow: 0 1px 3px #000;}
.sub-banner .banner-title span{display: block;}
.sub-banner .zh{font-size: 18px; color: #fff;}
.sub-banner .en{font-size: 14px; color: #fff;}


/*内页*/
.module-sidebar-l {
    background: #ffffff;
    border-color: #ddd9d3;
    border-radius: 3px;
    -webkit-border-radius:3px;
}
.left-head{
    position: relative;
    top: 0;
    color: #000;
    background:#083eab;
    border-bottom: 1px solid #ddd;
    height: 88px;
    line-height: 88px;
    padding-left: 25px;
    padding-right: 25px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.left-head .icon-arrow-right{
    display: inline-block;
    text-align: center;
    width: 27px;
    height: 27px;
    border:2px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    opacity: .6;
    position: relative;
    top: 50%;
    margin-top: -13.5px;
}
.left-head .icon-arrow-right:before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0 4.5px 5px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top: 50%;
    margin-top: -4.5px;
    margin-left: -1px;
}
.left-head .aside-headbg{
    position: absolute;
    left: 18px;
    top: 24px;
    height: 33px;
    border-left:1px solid #51131e;
}
.left-head .zh{color: #fff;font-size: 24px;font-weight: 700;}
.left-head .en{}
.nav-side{
    border: 2px solid #e8e8e8;
    border-top: transparent;
}

/*通用垂直多级菜单*/
.nav-tree,.nav-tree ul,nav-tree li{margin: 0;padding: 0;list-style: none;}
.nav-tree > li > a {
    display: block;
    position: relative;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    height: 52px;
    line-height: 52px;
    padding: 0 20px;
    border-bottom: 1px solid #d9d9d9;
}
.nav-tree li{position: relative;}
.nav-tree li .btn-toggle{
    display: none;
    position: absolute;
    cursor: pointer;
    font-size: 24px;
    color: #999;
    position: absolute;
    right:0 ;
    top: 50%;
    margin-top: -12px;
    margin-right: 20px;
    transition: .3s;
}
.nav-tree .has-list .btn-toggle{
    display: block;
}
.nav-tree li a{text-decoration: none;}
.nav-tree li a:hover{color: #083eab;}
/*sub*/
.nav-tree .subtree {display: none;padding: 6px 0;}
.subtree >li{font-size: 12px;padding: 5px 20px;}
.subtree >li>.list-toggle{
    display: inline-block;
    background:transparent;
    line-height: 10px;
    left: 0;
    top: 5px;
    background: transparent;
}
.subtree >li>.list-toggle:before{content: '\e661';content:"-";background: transparent;}
.subtree >li> a{color: #666;font-size: 14px;}
.nav-tree .active >a{color:#083eab;}
.nav-tree .active >.subtree{display: block;border-bottom:1px solid #d9d9d9;}
.nav-tree .open  >.subtree{border-bottom:1px solid #d9d9d9;}
.nav-tree .open .btn-toggle{
    transform: rotate(45deg);
}
.help-heading{
    background: #4a4a4a;
}

/*二级左侧模块*/

/*侧导航*/

/*右侧*/

/*二级栏目名称*/
.titleBar{padding: 10px 0;border-bottom: 1px solid #e5e4e2}
.titleBar .zh{font-family: "Microsoft Yahei";font-size: 16px;font-weight: bold;color: #bf2621;}

/*//sub-typename*/

/*列表组datalist*/
.xb-list ul{margin-bottom: 0;}
.xb-list ul,
.xb-list li{
  list-style: none;
}
.xb-list > .row{margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0}
.xb-list .list-item{padding-left: 0; padding-right: 0; margin-bottom: 12px;position: relative;}
.xb-list .item-media{position: relative; overflow: hidden;display: block;}
.xb-list .item-media:hover{}
.xb-list .item-media img{margin: 0; width: 100%; max-width: 100%; width: auto/9; height: auto; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.xb-list .title,
.xb-list .title a{
  display: block; color: #333333
}
.xb-list .item-layer{width: 100%; height: 100%; color: #fff; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.6) !important; filter: alpha(opacity=60); background-color: #000000; display: none;}
.xb-list .item-layer .icon{display: block;position: absolute; left: 50%; top: 50%;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.23 ease;}
.xb-list .on .icon{/* animation:animations-hover .5s infinite; -moz-animation:animations-hover .5s infinite; -webkit-animation:animations-hover .5s infinite; -o-animation:animations-hover 5s .infinite; */}
@-webkit-keyframes animations-hover{0%{margin-top: 0; background: red;} 25%{} 50%{margin-top: -10px; background: yellow;} 75%{} 100%{margin-top: 0; background: red;}}
.xb-list .on .item-media img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}
.xb-list .br{margin-right: 0!important}

/*间距*/
/*5px*/
.list-space > .row{margin-left: -5px; margin-right: -5px}
.list-space .list-item{padding-left: 5px; padding-right: 5px; margin-bottom: 12px;position: relative;}
/*10px*/
.list-space-10 > .row{margin-left: -10px; margin-right: -10px}
.list-space-10 .list-item{padding-left: 10px; padding-right: 10px; margin-bottom: 12px;position: relative;}
/*end列表组datalist*/

/*详情模块*/
.xb-details{display: block;}
.details-heading{position: relative;}
.details-heading ul,
.details-heading li{
    list-style: none;
}
.details-heading .title{}
.details-heading .notes{}
.details-summary{}
.details-body{}
.details-foot{}
.previous-next,
.previous-next li{
  list-style: none;
  padding: 0
}
.previous-next{padding:12px 0}
/*编辑器容器*/
.xb-editor{color: #999;line-height: 1.8em;}
.xb-editor img{max-width: 100%; width: auto/9;height: auto;}

/*面板*/
.map-container{height: 430px;}
.map-container,
.map-container div,
.map-container span,
.map-container label,
.map-container img{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: border-box;
   box-sizing: content-box;
   max-width:initial;
}


/*社会化分享*/
.xb-social{margin-right: 5px;margin-top: 3px;}
.xb-social p{margin: 0 0 0 0;}
.xb-social .datetime{}
.xb-social a{
  display: inline-block;
  *display: inline; 
  zoom:1; 
  color: #fff;
  font-size: 0;
  margin-right: 5px; 
  text-align: center;
  position: relative; 
}
.xb-social a i{
  display: inline-block;
  *display: inline; 
  zoom:1;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  background: #979797;
  border-radius: 50%;
}
/*
.social a .icon-qq{background: #58b3ec}
.social a .icon-weibo{background: #db8044}
.social a .icon-wechat{background: #329258}
*/
.xb-social a .wx-wrap{display: none; position: absolute;z-index: 9;width: 120px;height: 120px;left: 0; top: -50%;}
.xb-social a img{width: 100%;height: 100%;}
.xb-social a:hover .wx-wrap{display: block; }

/*ali iconfont*/


